<template>
	<tm-fullView>
		<tm-menubars title="动作面板" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?' bk':''">
				基础示例</view>
			<tm-button @click="show=true" block theme="bg-gradient-green-lighten-b">点我展示</tm-button>
			
			<tm-actionSheet :black="false" @change="change" v-model="show"
				:actions=" [ { title : ' 修改了右边的图标 ' ,rightIcon:'icon-lock-fill', label : ' 这是说明文件的资料信息 ' } , { title : ' 新建文件夹 ' } ] ">
			</tm-actionSheet>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?' bk':''">
				暗黑，并修改了标题</view>
			<tm-button @click="show1=true" block theme="bg-gradient-blue-lighten-b">点我展示暗黑效果</tm-button>
			<tm-actionSheet :black="true" title="我是修改后的标题哦" @change="change" v-model="show1"
				:actions=" [ { title : ' 说明文档 ' , label : ' 这是说明文件的资料信息 ' } , { title : ' 新建文件夹 ' } ] ">
			</tm-actionSheet>
		</tm-sheet>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmActionSheet from "@/tm-vuetify/components/tm-actionSheet/tm-actionSheet.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmActionSheet,tmButton},
		data() {
			return {
				show: false,
				show1: false,
			}
		},
		methods: {
			change(e) {
				uni.$tm.toast(`你点击了${JSON.stringify(e)}`)
			}
		}
	}
</script>

<style>

</style>
